<template>
	<div class="headera">
<el-row class="top-bar">
    <div class="fl">Ele</div>
    <div class="top-wrapper fr">

    <div class="user-area pull-right">
        <div class="user-avatar">
          <span class="avatar-img" :style="{ backgroundImage: 'url(' + avatar_url + ')' }"></span>
          <i class="el-icon-arrow-down"></i>
          <div class="drop-menu">
            <ul>
              <li><i class="iconfont">&#xe603;</i>管理员</li>
              <li @click="signOut"><i class="iconfont">&#xe602;</i>退出</li>
            </ul>
          </div>
        </div>
      </div>


    <div class="fr" style="margin-top: 16px;"><el-input
  placeholder="请选择日期"
  icon="search"
  v-model="input2"
  :on-icon-click="handleIconClick">
</el-input>
    </div>
    

  </div>
  </el-row>

    </div>
</template>
<script>
export default {
  data () {
    return {
      input2: ''
    }
  },
  methods: {
    handleIconClick (ev) {
      console.log(ev)
    }
  }
}
</script>
<style>
.fl{float: left; line-height: 50px;}
.fr{ float: right; }
	  .headera{
    background: rgb(32, 160, 255);
        height: 80px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
}
</style>

